*
{
	border: 0px solid;
}
body
{
	background:white;
}
header
{
	width: 100%;
	height: 50px;
	padding-top: 15px;
	text-align:center;
	border: 1px solid black;
	background: #37b6ce;
	margin-bottom:10px;
}
#main
{
	display:table;
}
footer
{
	text-align:center;
	border: 1px solid black;
	background: #37b6ce;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
}
#tableRowHolder
{
	display: table-row;
}
nav
{
	border: 1px solid black;
	margin-right: 10px;
	background: #37b6ce;
}
nav ul
{
	list-style:none;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0px;
}
aside
{
	border: 1px solid black;
	background: #37b6ce;
}
#mainContent
{
	border: 1px solid black;
	background: #37b6ce;
}
@media screen and (max-width:700px)
{

	nav
	{
		width:150px;
		height:250px;
		min-width:120px;
	}
	#mainContent
	{
		display:table-cell;
	}
	aside
	{
		position:absolute;
		top:300px;
		left:8px;
		width:150px;
		min-width:120px;
		margin-top:50px;
	}
}
@media screen and (min-width: 700px)
{
	#main
	{
		border-spacing: 10px;
		margin-left:-10px;
		margin-right:-10px;
	}
	nav
	{
		display:table-cell;
		width:25%;
	}
	#mainContent
	{
		display: table-cell;
		width:50%;
	}
	aside
	{
		display:table-cell;
		width:25%;
	}
}